<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><?php echo $page_title?></title>
<link href="<?php echo base_url(); ?>images/icono.ico"
	rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" type="text/css"
	href="<?php echo base_url(); ?>css/registrate.css">
<link rel="stylesheet" type="text/css"
	href="<?php echo base_url(); ?>css/tabs.css">

<script type="text/javascript"
	src="<?php echo base_url(); ?>js/jquery.min.js"></script>
<script type="text/javascript">
			function cambiaProvincia (select) {
    			var selectedOption = select.options[select.selectedIndex];
        		//alert ("The selected option is " + selectedOption.value);
        		$('#pro').load('cargarProvincia?cbxDepartamento='+selectedOption.value);
    		}

    		function cambiaDistrito () {
    			/*
    	    	 * 02/06/2015
    	    	 se llamo a provincia y departamento por medio de variables y luego
    	    	 se las paso a la funcion cargarDistrito 	 
    	    	 */
    			var prov = document.Rproveedor.cbxProvincia.value;  
    			var dept = document.Rproveedor.cbxDepartamento.value;     		
        		$('#dis').load('cargarDistrito?prov='+prov+'&dept='+dept);
    		}        
		</script>

<script type="text/javascript">
			function justNumbers(e){
				var keynum = window.event ? window.event.keyCode : e.which;
        		if ((keynum == 8) || (keynum == 46))
					return true;
         		return /\d/.test(String.fromCharCode(keynum));
        	}
		</script>

</head>
<body>

	<div class="flex-container">
		<div>
			<img class="barra"
				src="<?php echo base_url();?>images/repuestock.png" />
		</div>
		<div>
			<img class="barra" src="<?php echo base_url();?>images/red.png" />
		</div>
	</div>

	<section id="main">

		<h4
			class="<?php
			if (isset ( $class ))
				echo $class;
			else
				echo "alert_info"?>">
        			<?
											
if (isset ( $mensaje ))
												echo $mensaje;
											else
												echo "Usted puede buscar y/o ordenar los datos.";
											?>
   			 	</h4>

		<article class="module width_full">
			<header>
				<h3><?= $page_title ?></h3>
			</header>
			<div class="module_content" id="contenido">
						<?
						
if (isset ( $logo ))
							echo "<center><img src='" . base_url () . "images/bienvenido.png' height='225' width='500'></center>";
						?>		
	
	<div class="formulario">
					<form name="Rproveedor"
						action="<?php echo base_url(); ?>index.php/proveedor/insertar"
						method="POST">
						<center>
							<input type="button"
								onclick="location.href='<?php echo base_url();?>'"
								value="Regresar">
						</center>
						<br />
						<fieldset>
							<legend style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">Datos de la Empresa</legend>
							<table>
								<tr>
									<td><label>Usuario:</label></td>
									<td><input type="text" name="txtUsuario" size="50"
										placeholder="Nombre del usuario"
										title="Letras, números y underline '_'. NO incluir tildes y el caracter ñ"
										pattern="[a-zA-Z0-9_]{2,15}" maxlength="15" required></td>
								</tr>
								<tr>
									<td><label>Contraseña:</label></td>
									<td><input type="password" name="txtPassword" size="50"
										placeholder="Contraseña"
										title="Letras, números y underline '_'. NO incluir tildes y el caracter ñ"
										pattern="[a-zA-Z0-9_]{2,15}" maxlength="15" required></td>
								</tr>
								<tr>
									<td><label>RUC:</label></td>
									<td><input type="text" name="txtRuc" size="50"
										placeholder='Número de RUC' title='Solo números'
										pattern='[0-9]{11}' maxlength="11"
										onkeypress="return justNumbers(event)" required /></td>
								</tr>
								<tr>
									<td><label>Razón Social:</label></td>
									<td><input type="text" name="txtRazon" size="50"
										onkeyup="javascript:this.value=this.value.toUpperCase()"
										placeholder="Nombre de Razón Social"
										title="Letras y Números y (&). NO incluir minusculas"
										maxlength="110" required></td>
								</tr>
								<tr>
									<td><label>Teléfono/Celular:</label></td>
									<td><input type="tel" name="txtTelefono" size="50"
										placeholder="Ej: 987654321" pattern="[0-9]{7,9}"
										maxlength="9" onkeypress="return justNumbers(event)" required="required"></td>
								</tr>
								<tr>
									<td><label>Departamento:</label></td>
									<td><select name="cbxDepartamento"
										onchange="cambiaProvincia(this)" required>
											<option value=""><?= STR_VALOR_INICIAL?></option>
								<?php foreach ($departamento as $d):?>
								<!--02/06/2015 
								los nombres de la tabla ubigeo-->
											<option value="<?= $d->cod_dept ?>">
								<?= $d->nombre_ubigeo?>
							</option>
								<?php endforeach; ?>
						</select></td>
								</tr>
								<tr>
									<td><label>Provincia:</label></td>
									<td>
										<div id="pro">
											<select name="cbxProvincia" required>
												<option value=""><?= STR_VALOR_INICIAL?></option>
											</select>
										</div>
									</td>
								</tr>
								<tr>
									<td><label>Distrito:</label></td>
									<td>
										<div id="dis">
											<select name="cbxDistrito" required>
												<option value=""><?= STR_VALOR_INICIAL?></option>
											</select>
										</div>
									</td>
								</tr>
								<tr>
									<td><label>Dirección:</label></td>
									<td><input type="text" name="txtDireccion" size="50"
										onkeyup="javascript:this.value=this.value.toUpperCase()"
										placeholder="Ej: Av. La Paz 1300"
										pattern="[A-Z0-9ÁÉÍÓÚÑ&Ü /*|°.]{5,60}" maxlength="60" required></td>
								</tr>
								<tr>
									<td><label>Correo:</label></td>
									<td><input type="email" name="txtCorreo" size="50"
										maxlength="60" placeholder="Correo electronico" required="required"></td>
								</tr>
							</table>
						</fieldset>
						<table>
							<tr>
								<td><input type="checkbox" name="ckbTerminos" required /> <label>He
										leído los términos y condiciones</label></td>
							</tr>
							<tr>
								<td><a href="<? echo base_url();?>index.php/proveedor/terminos_condiciones" target="_blank">Términos y condiciones</a></td>
							</tr>
							<tr>
								<td>
									<center>
										<input type="submit"
											value="Continuar"> <input type="reset" value="Limpiar">
									</center>
								</td>
							</tr>
						</table>
					</form>
				</div>

</body>
</html>